<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML中常见的标签</title>
</head>
<body>
    <h4>01-笔记</h4>
    <a href="https://www.bilibili.com/video/BV1pE411q7FU">进度</a> 2020年7月13日 
    <a href="https://www.bilibili.com/video/BV1pE411q7FU?p=28">2020-7-13 17:10:26</a>
    
    <p>HTML的预览插件使用'Open In Default Browser'，快捷键是'Ctrl+1'，预览前先保存</p>
    <p>使用HTML的模板，输入英文的叹号，选择第一个点击回车，自动生成HTML模板。</p>
    <p> DOCTYPE 表示使用的是HTML5的标准</p>
    <p>lang中en表示英文，fr 法文，zh-CN 中文，这个是英文翻译的插件作为判断的标准</p>
    <p>charset 字符集：<br/>   utf-8 <strong>万国码</strong> 防止<b>乱码</b>， GB2312 简体中文 </p>
    strong 标签语义比 b 更强 。
    <p> <span><strong>加粗</strong> strong </span> <span> <em>倾斜</em> em </span> <span> <del>删除线</del> del </span><ins>下划线</ins> ins</p>
    <p>div和span是盒子标签，没有语义，用来网页布局。division分割、分区，独占一行不能并列。 span跨度，可并列</p>
    <h4>图片标签</h4>
    <img src="img/collection.png" alt="提示收藏" title="collect">
    <div>alt在图片加载失败时才显示出来，title是在鼠标停留在图片时显示文字，width设置图片的宽度，hight设置高度，border设置图片边框粗细默认是黑色</div>
    <h4>路径</h4>
    <div>1. 目录文件夹及根目录</div>
    <div>同级路径直接添加文件，上一级路径"../"</div>
    <h4>超链接</h4>
    <div>href 指定链接目标的url地址</div>
    <div>target 指定链接页面的打开方式，_self为默认值，_blank为新窗口中打开方式</div>
    <div>内部链接在herf中填写目标文件的路径就行</div>
    <div>空链接 href="#"，有新地址后再更换</div>
    <div>herf的值是zip等压缩文件，就会直接启动下载功能</div>
    <div>锚点链接，在本页面内部跳转 href="#two"，将对应标签设置id="two" </div>
    <h4>注释</h4>
<!-- 功能说明 快捷键 ctrl+/ -->
    <h4>特殊符号</h4>
    <span>特殊字符需要转义： 空格、大小于号 &nbsp; &gt; p &lt; 需要使用时可以查表</span> 
    <h4>编程常用单词</h4>
<table>
    <tr>
        <td>头部</td>
        <td>header</td>
    </tr>
    <tr>
        <td>内容</td>
        <td>content/container</td>
    </tr>
    <tr>
        <td>底部</td>
        <td>footer</td>
    </tr>
    <tr>
        <td>导航</td>
        <td>navi</td>
    </tr>
    <tr>
        <td>侧栏</td>
        <td>sidebar</td>
    </tr>
    <tr>
        <td>栏目</td>
        <td>column</td>
    </tr>
    <tr>
        <td>页面外围控制整体布局宽度</td>
        <td>wrapper</td>
    </tr>
    <tr>
        <td>左、中、右</td>
        <td>left、center、right</td>
    </tr>
    <tr>
        <td>登录条</td>
        <td>loginbar</td>
    </tr>
    <tr>
        <td>标志</td>
        <td>logo</td>
    </tr>
    <tr>
        <td>广告</td>
        <td>banner</td>
    </tr>
    <tr>
        <td>页面主体</td>
        <td>main</td>
    </tr>
    <tr>
        <td>热点</td>
        <td>hot</td>
    </tr>
    <tr>
        <td>新闻</td>
        <td>news</td>
    </tr>
    <tr>
        <td>下载</td>
        <td>download</td>
    </tr>
    <tr>
        <td>子导航</td>
        <td>subnavi</td>
    </tr>
    <tr>
        <td>菜单</td>
        <td>menu</td>
    </tr>
    <tr>
        <td>子菜单</td>
        <td>submenu</td>
    </tr>
    <tr>
        <td>搜索</td>
        <td>search</td>
    </tr>
    <tr>
        <td>有情链接</td>
        <td>friendlink</td>
    </tr>

</table>



</body>
</html>